<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/common/includes.jsp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html id="zzzzzz" xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>zzzzzz - Login</title>
	<%@ include file="/WEB-INF/common/meta.jsp" %>
	<%@ include file="/WEB-INF/common/global_style.jsp" %>
	<%@ include file="/WEB-INF/common/global_script.jsp" %>
	<script type="text/javascript" src="${ctx}/res/js/login_classic.js"></script>
</head>
<body>

<%@ include file="/WEB-INF/common/header.jsp" %>

<div class="wrapper-content">
	<div class="login-wrap wrap">
		<div class="main-content ">
			<zzzzzz-ui:message key="msg_success_pwd_reset" type="success" />
			<zzzzzz-ui:message key="msg_success_activate_account" type="success" />
			<zzzzzz-ui:message key="msg_success_resend_activation_email" type="success" />
			<h1>Login</h1>
			<ul class="horizontal">
				<li>
					<div class="wrapper-form clearfix">
						<form:form id="login_form" action="${ctx}/login" modelAttribute="loginForm" method="post" class="login">
		            		<form:errors path="*" element="div" cssClass="msg-error" />
							<div class="fieldset">
								<label for="login_email" class="pbs clearfix">Email<span style="" class="error rfloat" id="login_email_error_msg"></span></label>
								<form:input path="email" id="login_email" maxlength="64" tabindex="1" />
							</div>
							<div class="fieldset">
								<label for="login_password" class="pbs clearfix">Password<span style="" class="error rfloat" id="login_password_error_msg"></span></label>
								<form:password path="password" id="login_password" maxlength="20" tabindex="2" />
								<p class="fcxl fsm">Forgot your <a href="${ctx}/account/resend_password">password</a>?</p>
							</div>
					
							<div class="fieldset clearfix">
								<input type="submit" name="login_submit" name="login-submit" class="btn style1 large lfloat" value="Log in" />
								<div class="ui-overflow-hidden remember-me mlm">
									<div style="height:32px;" class="ui-inline-block ui-inline-block-middle"></div><div class="ui-inline-block ui-inline-block-middle">
										<form:checkbox path="rememberMe" label="Remember me" tabindex="3"/>
									</div>
								</div>
							</div>
							
						</form:form>
					</div>
				</li>
				<li>
					<div class="social-connect">
						<ul class="social-index horizontal">
	          				<li><a href="${ctx}/users/auth/facebook" class="fb-connect btn large">Sign in with Facebook</a></li>
	        			</ul>
	        		</div>
				</li>
			</ul>
		</div>
	</div>
</div>

<script type="text/javascript">

jq(document).ready(function() {
	
	var loginClassic = new LoginClassic({
		'j_login_form' : jq("#login_form"),
		'j_login_email' : jq("#login_email"),
		'j_login_password' : jq("#login_password"),
		'j_login_email_error_msg' : jq("#login_email_error_msg"),
		'j_login_password_error_msg' : jq("#login_password_error_msg"),
		'j_login_submit' : jq("#login_submit")
	});

	/*
	var val = '${ctx}';

	alert(val);
	*/
	
});

</script>

<%@ include file="/WEB-INF/common/footer.jsp" %>

</body>
</html>